{% extends "base.html" %}
{% load static %}

{% block head %}
  {{ block.super }}
  <style>

  h1, h2 {
    margin: 2.3733333333rem 0 1.424rem 0;
  }

  .table td, .table th {
      padding: .75rem;
      vertical-align: top;
      border-top: 1px solid #dee2e6;
      font-size: 1rem;
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  }

  </style>
{% endblock %}

{% block content %}
<div class="section">
  <div class="row">
    <div class="col s12 m12">
      <h1>dataset: dataset {{ dataset.slug }}</h1>
      {% if capture_date %}
      <h2>Data de captura: {{ capture_date|date:"Y-m-d" }}</h2>
      {% endif %}

      <div class="card horizontal">
        <div class="card-stacked">
          <div class="card-content">
            <div class="card-title">
              Colabore!
            </div>
            <p>
              O <a href="https://brasil.io/">Brasil.IO</a> tem como
              objetivo facilitar o acesso a dados públicos brasileiros. O
              projeto é desenvolvido de forma colaborativa, <a
                href="https://github.com/turicas/brasil.io">todo o código
                está disponível como software livre</a> e os custos são
              pagos através de <a href="https://apoia.se/brasilio">uma
                campanha de financiamento coletivo</a>. Se você acredita
              nos ideais do projeto ou esses dados estão sendo úteis para
              você ou sua empresa, considere <a
                href="https://apoia.se/brasilio">fazer uma doação</a> ou <a
                href="https://brasil.io/colabore">colaborar de outras
                formas</a>.
            </p>
          </div>
        </div>
      </div>

      <div class="file-list">
        Baixe os arquivos:
        <table class="table">
          <tr>
            <th> Arquivo </th>
            <th> Tamanho </th>
            <th> SHA512SUM </th>
          </tr>

          {% for file in file_list %}
          <tr>
            <td>
              <a href="{{ file.file_url }}">{{ file.filename }}</a>
            </td>
            <td> {{ file.readable_size }} </td>
            <td> {{ file.sha512sum }} </td>
          </tr>
          {% endfor %}
        </table>
      </div>

    </div>
  </div>
</div>
{% endblock %}
